Shadcn UI & ShadcnBlocks Integration

This skill enables building polished frontends using

shadcn/ui

components and premium

ShadcnBlocks

templates. Its primary capability is

intelligently recommending the best block or component

for any UI need — not just the right category, but the right

variant

within that category — then handling setup and installation.

When to Use

Activate this skill when:

Creating a new frontend, landing page, marketing site, or app UI

The project uses or should use React/Next.js with Tailwind CSS

Pre-built UI sections (hero, pricing, features, testimonials, etc.) would accelerate development

The user needs a specific UI element (form, chart, dialog, navigation, etc.)

The user mentions shadcn, shadcn/ui, shadcnblocks, or Tailwind-based UI components

Blocks vs Components

Blocks

Components

What

Full page sections

Reusable UI elements

Size

Hero, pricing, footer, etc.

Buttons, inputs, dialogs, etc.

Count

1,338 across 71 categories

1,189 across 60+ groups

Access

Premium (API key required)

Free

Install

@shadcnblocks/

@shadcnblocks/-